import React from 'react';
import classNames from 'classnames'
import './grid.less'

const Grid = (props) => {
  const { col, row } = props;
  const classes = classNames('grid', {
    [`grid-row-${row}`]: row,
    [`grid-col-${col}`]: col
  })
  return <div className={classes}>
          {props.children}
        </div>
}

export default Grid;
